iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 12
2
Modern Web

介面設計如何讓新手與專家都容易使用?系列 第 12

Day12_給使用者看得懂的資訊

  • 分享至 

  • xImage
  •  

常看到有人在停車繳費機、醫院批價機前面發愣,或是嘗試了許久才完成付款。越複雜的介面或系統,越需要提供使用者看得懂的資訊,因為在初次使用者快速掃視沒有看懂的資訊後,很容易就會想要離開了。如果是硬體,在介面外觀便要能展現出來,如果是軟體,則在介面首頁呈現,軟硬體結合的自助操作機器則需要兩者都做到。

圖文說明對應功能位置更直覺

不論是硬體或軟體,有圖文說明可以幫助初次使用者更容易理解操作步驟與功能等,但有些圖文說明離功能選項或按鍵太遠,或是一次把操作步驟解說完畢,使用者展開操作後,在過程中有可能會忘記,或是弄錯操作順序等。因此,在介面設計上,最好可以讓圖文說明直接對應功能所在位置(如下圖),讓使用者在使用該功能前能馬上查看與理解。
https://ithelp.ithome.com.tw/upload/images/20190928/20121135MfIJDjKkwh.jpg

標示出步驟順序更好

有些介面任務的步驟較多,使用者有可能會忽略某一步驟,或是不清楚多個步驟的先後順序。最好可以把使用者所要操作的步驟及順序展現出來,例如,在介面上呈現序列地圖,讓使用者現在做到第幾個步驟了,還有幾個步驟就能完成任務。又如填寫線上問卷時,讓使用者清楚已填寫和未填寫的問題有幾個,或是已完成與未完成的比例等等,使用者比較不會因為不清楚還要花多長時間而直接放棄填答。如果是有硬體操作的部分,也可以在機器上透過視覺化的數字標示,讓使用者知道操作任務的順序。


上一篇
Day11_新版本不能變差或變慢
下一篇
Day13_提供精準的分類及名稱
系列文
介面設計如何讓新手與專家都容易使用?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言